// sass --watch sass:css
// sass --watch sass:css --style  compressed压缩 expanded拓展
/* Sass 变量可以存储以下信息：
字符串
数字
颜色值
布尔值
列表
null 值 */
$myFont: Helvetica, sans-serif;
$myColor: red;
$myFontSize: 18px;
$myWidth: 680px;

body {
  font-family: $myFont;
  font-size: $myFontSize;
  color: $myColor;
}

#container {
  width: $myWidth;
}
//作用域

h1 {
  $myColor: green ;   // 只在 h1 里头有用，局部作用域
  color: $myColor;
}

p {
  color: $myColor;
}
h2 {
  $myColor: green !global;  // 全局作用域,但只对声明以下的代码生效
  color: $myColor;
}

span {
  color: $myColor;
}